<!DOCTYPE html>
<html>
<head>
<title>rokid -vision</title>
<meta charset="UTF-8" />
<link href="/css/vision/vision.css" rel="stylesheet"/>
</head>
<body>
  
    <div class="page-view">
        <!-- bn start -->
        <div class="mod-bn">
            <div class="bg-video"></div>
            <div class="bn-msg">
                IT ALL STARTS WITH <br />
                THE SOUND OF...
            </div>
        </div>
        <!-- bn end -->

        <!-- voice start -->
        <div class="mod-voice">
            <div class="bg-voice"></div>
            <div class="voice-msg">
                <span class="v-txt">YOUR</span>
                <a href="javascript:;" class="jVoice click-voice">
                    <span class="voice-cirl"></span>
                    <span></span>
                </a>
                <span class="v-txt">VOICE</span>
            </div>
            <div class="voice-ft">
                WANT SOMETHING OR NEED HELP, ALL YOU HAVE TO DO IS ASK
            </div>
        </div>
        <!-- voice end -->
        
        <!-- tips start -->
        <div class="mod-tips">
            <div class="tips-1"></div>
            <div class="tips-2"></div>
            <div class="tips-3"></div>
            <div class="tips-4"></div>
            <div class="tips-5"></div>
        </div>
        <!-- tips start -->

        <!-- vison start -->
        <div class="mod-vison">
            <div class="v-txt-1">
                OUR VISION IS <br />
                TO BRING HOME A.I. <br />
                TO REALITY
            </div>
            <div class="v-txt-2">
                Rokid Inc. is a well-funded, ‘Deep-Learning’ technology startup with offices in <br />
                San Francisco, Beijing, and Hangzhou, China. Founded in July of 2014, our company <br />
                creates products that combine multi-layered, multi-capability Artificial Intelligence <br />
                technologies and elegant, innovative product design. <br />
            </div>
        </div>
        <!-- vison start -->

        <!-- history start -->
        <div class="mod-history">
            <div class="hs-content clearfix">
                <div class="hs-item">
                    <img src="/img/vision/history/hs-1.jpg" class="hs-img" />
                    <div class="hs-mask">
                        <div class="ms-title">PIONEER</div>
                        <div class="ms-msg">THE WRIGHT BROTHERS</div>
                        <span class="split"></span>
                        <div class="ms-time">1948</div>
                    </div>
                </div>
                <div class="hs-item">
                    <img src="/img/vision/history/hs-2.jpg" class="hs-img" />
                    <div class="hs-mask">
                        <div class="ms-title">PIONEER</div>
                        <div class="ms-msg">THE WRIGHT BROTHERS</div>
                        <span class="split"></span>
                        <div class="ms-time">1948</div>
                    </div>
                </div>
                <div class="hs-item">
                    <img src="/img/vision/history/hs-3.jpg" class="hs-img" />
                    <div class="hs-mask">
                        <div class="ms-title">EXPLORE</div>
                        <div class="ms-msg">ROALD AMUNDESN</div>
                        <span class="split"></span>
                        <div class="ms-time">1872</div>
                    </div>
                </div>
                <div class="hs-item">
                    <img src="/img/vision/history/hs-4.jpg" class="hs-img" />
                    <div class="hs-mask">
                        <div class="ms-title">EXPLORE</div>
                        <div class="ms-msg">ROALD AMUNDESN</div>
                        <span class="split"></span>
                        <div class="ms-time">1872</div>
                    </div>
                </div>
                <div class="hs-item">
                    <img src="/img/vision/history/hs-5.jpg" class="hs-img" />
                    <div class="hs-mask">
                        <div class="ms-title">PIONEER</div>
                        <div class="ms-msg">THE WRIGHT BROTHERS</div>
                        <span class="split"></span>
                        <div class="ms-time">1948</div>
                    </div>
                </div>
                <div class="hs-item">
                    <img src="/img/vision/history/hs-6.jpg" class="hs-img" />
                    <div class="hs-mask">
                        <div class="ms-title">INVENTOR</div>
                        <div class="ms-msg">THOMAS EDISON</div>
                        <span class="split"></span>
                        <div class="ms-time">1847</div>
                    </div>
                </div>
            </div>
            <div class="hs-video">
                <img src="/img/vision/hs-bg.jpg" />
            </div>
        </div>
        <!-- history start -->

        <!-- horizon start -->
        <div class="mod-horizon">
            <div class="h-txt-1">
                Our beckoning <br />
                Horizon  
            </div>
            <div class="h-txt-2">
                In 2016 Rokid Inc. was named a CES Innovation Awards Honoree in the <br />
                Home Audio/Video Components and Accessories category for our first product,  <br />
                "Rokid", the innovative family personal assistance robot and smart home product. <br />
                While today our technology frees body and mind in the home,  <br />
                in a rapidly approaching future Rokid will introduce ever deeper levels of cognizance <br />
                and 3-Dimensional thought, in ever more integrated and naturally wearable forms.  <br />
                Seamless with living and life, they will maximize your capabilities,  <br />
                increase your efficiency, transform your world.
            </div>
        </div>
        <!-- horizon end -->

        <!-- tick start -->
        <div class="mod-tick">
            <div class="t-txt-1">
                THE PEOPLE WHO MAKE <br />
                ROKID TICK
            </div>
            <div class="t-txt-2">
                The company’s 90-person-strong international team features more than 15 Ph.D.s and <br />
                more than 30 holders of Master’s Degrees. Our staff includes prominent scientists, engineers, and  <br />
                business leaders with expertise in AI, robotics, software, and hardware.  <br />
                They have come to Rokid from global brands including  <br />
                Alibaba, Samsung, Foxconn, Sony, Nokia, and Google.

            </div>
            <div class="t-txt-3">
                EXPLORE LATEST JOB OPPORTUNITIES
            </div>
        </div>
        <!-- tick end -->

        <!-- news start -->
        <div class="mod-news">
            <div class="n-title">
                NEWS & PRESS
            </div>
            <div class="news-list clearfix">
                <div class="news-item">
                    <img src="" class="news-img" />
                    <div class="news-box">
                        <h3 class="news-title">This is the headine</h3>
                        <p class="news-desc">This is a short description about the subject matter</p>
                        <a href="#" class="news-more">Read more ></a>
                    </div>
                </div>
                <div class="news-item">
                    <img src="" class="news-img" />
                    <div class="news-box">
                        <h3 class="news-title">This is the headine</h3>
                        <p class="news-desc">This is a short description about the subject matter</p>
                        <a href="#" class="news-more">Read more ></a>
                    </div>
                </div>
                <div class="news-item">
                    <img src="" class="news-img" />
                    <div class="news-box">
                        <h3 class="news-title">This is the headine</h3>
                        <p class="news-desc">This is a short description about the subject matter</p>
                        <a href="#" class="news-more">Read more ></a>
                    </div>
                </div>
                <div class="news-item">
                    <img src="" class="news-img" />
                    <div class="news-box">
                        <h3 class="news-title">This is the headine</h3>
                        <p class="news-desc">This is a short description about the subject matter</p>
                        <a href="#" class="news-more">Read more ></a>
                    </div>
                </div>
                <div class="news-item">
                    <img src="" class="news-img" />
                    <div class="news-box">
                        <h3 class="news-title">This is the headine</h3>
                        <p class="news-desc">This is a short description about the subject matter</p>
                        <a href="#" class="news-more">Read more ></a>
                    </div>
                </div>
                <div class="news-item">
                    <img src="" class="news-img" />
                    <div class="news-box">
                        <h3 class="news-title">This is the headine</h3>
                        <p class="news-desc">This is a short description about the subject matter</p>
                        <a href="#" class="news-more">Read more ></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- news end -->

        <div class="mod-careers">
            <div class="c-title">
                CAREERS
            </div>
        </div>

    </div>

</body>
</html>
